<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <link rel="" type="" href="">
    <link rel="stylesheet" href="index.css">
</head>

<body>

    <div id="header" class="clearfix">
        <ul id="userbar">
            <li><a class="px" href="">百度首页</a></li>
            <li><a class="px" href="">登录</a></li>
            <li><a class="px" href="">注册</a></li>
            <li><a class="px" href="">百度新闻客户端</a></li>
        </ul>
        <ul id="link-wrapper">
            <div id="mnb"> </div>

            <li><a class="a-line font" href="">首页</a></li>
            <li><a class="font" style="color: gray" href="">新闻</a></li>
            <li><a class="a-line font" href="">贴吧</a></li>
            <li><a class="a-line font" href="">知道</a></li>
            <li><a class="a-line font" href="">音乐</a></li>
            <li><a class="a-line font" href="">图片</a></li>
            <li><a class="a-line font" href="">视频</a></li>
            <li><a class="a-line font" href="">地图</a></li>
            <li><a class="a-line font" id="right-border" href="">文库</a></li>

        </ul>

    </div>
    <!--第二部分-->
    <div id="search-input">
        <div id="numbertwo">

            <img id="logo" src="baidu_logo.png" alt="">
            <div id="neiqian">
                <form id="sousuo" action="save.php" method="post">
                    <input type="text" id="inputa" name="nn">
                    <input type="submit" id="inputb" value="百度一下">
                </form>

                <a href=""><span class="room"></span>帮助</a>
                <a href=""><span class="room"></span>高级搜索</a>
                <a href=""><span class="room"></span>设置</a>

                <br>
                <input id="inpute" name="ooo" checked="checked" type="radio"><label id="inputc" for="inutc">新闻全文&#x3000;</label><input id="inputf" name="ooo" type="radio">
                <label id="inputd" for="inputd">新闻标题</label>
            </div>
        </div>


    </div>
    <!--第三部分导航条的制作；-->
    <div id="numberthree">

        <div id="nav">
            <li id="first"><a class="size" href="">首页</a></li>
            <li><a class="size" href="">百家</a></li>
            <li><a class="size" href="">财经</a></li>
            <li><a class="size" href="">娱乐</a></li>
            <li><a class="size" href="">体育</a></li>
            <li><a class="size" href="">互联网</a></li>
            <li><a class="size" href="">时尚</a></li>
            <li><a class="size" href="">体育</a></li>
            <li><a class="size" href="">国内</a></li>
            <li><a class="size" href="">国际</a></li>
            <li><a class="size" href="">军事</a></li>
            <li><a class="size" href="">游戏</a></li>
            <li><a class="size" href="">传媒</a></li>
            <li><a class="size" href="">个性推荐</a></li>
            <li><a class="size" href="">房产</a></li>
            <li><a class="size" href="">名站</a></li>
            <li><a class="size" href="">更多</a></li>
        </div>


    </div>
    <!--第四部分-->
    <div id="content">
        <div id="contentleft">
            <div id="contentone">
                <div id="contentone1"><span id="contentonea">热点要闻</span></div>
                <div id="contentone2"><span id="contentoneb">个性推荐</span></div>
                <div id="contentone3"><span id="contentonec">登录更懂你☞</span></div>
            </div>
            <!--2第一部分-->
            <div id="contenttwo">
                <ul id="contenttwo1">
                    <li id="a1"><a id="a11">习近平在芬兰媒体发表署名文章 </a></li>
                    <span id=""><a  class="xiaobiaodian">握手</a></span>
                    <span id=""><a  class="xiaobiaodian">向哥伦比亚总统致慰问电</a></span>
                    <span id=""><a  class="xiaobiaodian"> 图解</a></span>
                    <span id=""><a  class="xiaobiaodian">丰富多彩的外交之道</a></span><br>
                    
                    <!--第一个li标签-->
                    <li id="a2"><a id="a22"> 共享单车相随总理走出国门  专题 </a></li>
                    <span id=""><a  class="xiaobiaodian">北京总体规划亮点多</a></span>
                    <span id=""><a  class="xiaobiaodian">河北六大攻坚治污染</a></span>
                    <span id=""><a  class="xiaobiaodian">今年几点几分迎来清明</a></span><br>

                    <!--第二个li标签-->
                    <li id="a3"><a id="a33">河北雄安新区度过热闹一天 炒房客被泼冷水</a></li>
                    <span id=""><a  class="xiaobiaodian">党报:房价不飙车 雄安才会安</a></span>
                   
                    <span id=""><a  class="xiaobiaodian">开发商非法占地建楼老板被刑拘</a></span><br><br>
                    <!--第三个li标签-->
                </ul>
            </div>
            <hr>
            <!--2第二部分-->
            <div id="contentthree">
                <ul id="contentchreea">
                    <li id="a4">
                        <a href="" id="a44">六问雄安新区：相比深圳和浦东 定位有何不同</a>
                    </li>
                    <li class="xiaobiaodiana">
                        <a href="" class="xiaobiaodian">三月40城楼市调控:逾十城增加社保缴纳年限</a>
                    </li>
                    <li class="xiaobiaodiana">
                        <a href="" class="xiaobiaodian">打黑工、背尸体 他们比反腐剧的外逃副市长更惨</a>
                    </li>
                    <li class="xiaobiaodiana">
                        <a href="" class="xiaobiaodian">某县县长:曾一天接待9拨领导 结果谁都没陪好</a>
                    </li>
                    <li class="xiaobiaodiana">
                        <a href="" class="xiaobiaodian">在售净水机近半数不合格 售价越贵合格率却越低</a>
                    </li>
                    <li class="xiaobiaodiana">
                        <a href="" class="xiaobiaodian">旅法华侨经商多从政少：闷声赚欧元缺少话语权</a>
                    </li>
                    <!--1-->
                    <li id="a5">
                        <a href="" id="a55">“华夏幸福到底能不能买？”多家券商分析师遭打脸</a>
                    </li>
                    <li class="xiaobiaodiana">
                        <a href="" class="xiaobiaodian">想去雄安炒房的还是省省吧:就算能买到也未必能赚到</a>
                    </li>
                    <li class="xiaobiaodiana">
                        <a href="" class="xiaobiaodian">揭秘：顶级黑客不通过麦克风就能实现窃听</a>
                    </li>
                    <li class="xiaobiaodiana">
                        <a href="" class="xiaobiaodian">安徽一油品公司仓库发生闪爆事故 致5死3伤</a>
                    </li>
                    <li class="xiaobiaodiana">
                        <a href="" class="xiaobiaodian">杭州多名市民烧纸钱铅中毒 这样的纸钱买不得</a>
                    </li>
                    <li class="xiaobiaodiana">
                        <a href="" class="xiaobiaodian">南京宝马案：二次精神鉴定为何删急性短暂性诊断</a>
                    </li>
                    <!--2-->
                    <li id="a6">
                        <a href="" id="a66">人民日报海外版:部署"萨德" 日本凑什么热闹</a>
                    </li>
                    <li class="xiaobiaodiana">
                        <a href="" class="xiaobiaodian">首尔拘留所为防朴槿惠出意外设7名女警24小时监视</a>
                    </li>
                    <li class="xiaobiaodiana">
                        <a href="" class="xiaobiaodian">数千巴黎华侨集会 呼吁尽快公布华人被枪杀案真相</a>
                    </li>
                    <li class="xiaobiaodiana">
                        <a href="" class="xiaobiaodian">美国音乐人鲍勃-迪伦在旅馆中领诺贝尔文学奖</a>
                    </li>
                    <li class="xiaobiaodiana">
                        <a href="" class="xiaobiaodian">“通俄”提问惹特朗普拂袖而去 外媒：现场很尴尬</a>
                    </li>
                    <li class="xiaobiaodiana">
                        <a href="" class="xiaobiaodian">哪些落马官员被通报“有私生子”？</a>
                    </li>
                    <!--3-->
                    <li id="a7">
                        <a href="" id="a77">湖南官员“雁过拔毛”贪 77 万连 0.27 元都不放过</a>
                    </li>
                    <li class="xiaobiaodiana">
                        <a href="" class="xiaobiaodian">江苏连云港600余人扑救森林火灾 系上坟烧纸引发</a>
                    </li>
                    <li class="xiaobiaodiana">
                        <a href="" class="xiaobiaodian">换头前9个月 世界首位换头术志愿者讲述心路历程</a>
                    </li>
                    <li class="xiaobiaodiana">
                        <a href="" class="xiaobiaodian">老汉被诊断绝症后开始挥霍 15年后钱花完了人没事</a>
                    </li>
                    <li class="xiaobiaodiana">
                        <a href="" class="xiaobiaodian">男子开车时哄生气母亲太投入 不料擦挂劳斯莱斯</a>
                    </li>
                    <li class="xiaobiaodiana">
                        <a href="" class="xiaobiaodian">"他没得到快感不算强奸" 这法官的判决令全国愤怒</a>
                    </li>
                    <!--4-->
                    <li id="a8">
                        <a href="" id="a88">手机号不用了你以为停机就行?看完吓出一身汗</a>
                    </li>
                    <li class="xiaobiaodiana">
                        <a href="" class="xiaobiaodian">不是想飞就能飞 男子在哈尔滨机场测试无人机被拘</a>
                    </li>
                    <li class="xiaobiaodiana">
                        <a href="" class="xiaobiaodian">清明节的棺材生意：私人定制 8 万元 年售额超 2 亿</a>
                    </li>
                    <li class="xiaobiaodiana">
                        <a href="" class="xiaobiaodian">80后美女弃城市豪宅住窑洞 麦田里签售新书送泥土</a>
                    </li>
                    <li class="xiaobiaodiana">
                        <a href="" class="xiaobiaodian">女医生挺孕肚坚持做8台手术 听闻母亲去世未离去</a>
                    </li>
                    <li class="xiaobiaodiana">
                        <a href="" class="xiaobiaodian">缅甸男子一夜之间变亿万富翁:整个人都是懵的</a>
                    </li>
                    <!--5-->


                </ul>


            </div>
            <div id="contentfour"></div>

        </div>

        <!--左半部分-->

        <div id="contentright">
<div id="contentrightone"></div>
<div id="contentrighttwo">
    <div id="contentrighttwoa">
        <div id="contentrighttwoa1"></div>
        <div id="contentrighttwoa2">
            <div id="contentrighttwoa21">
                <div id="shiyan"><span>想去雄安炒房的到也未必能赚到</span></div>
            </div>
            
            <div id="contentrighttwoa22"><div id="shiyan2"><span>中国航母</span><br><span>航向大西洋</span></div></div>
        </div>
    </div>
</div>

<div id="contentrightthree"></div>
<div id="contentrightfour">
    <div id="contentrightfourleft"></div>





     <div id="contentrightfourright"></div>
</div>

        </div>

    </div>


</body>

</html>